<template>
   <div>
       <div class="h">头部</div>
       <router-view class="b">详情</router-view>
       <div class="f">底部</div>
       
   </div>
</template>

<script>
   export default {
       data () {
       return {

       }
   },
   methods: {

   }
 }
</script>

<style scoped>
    .h{
        height: 100px;
        background-color: darkgoldenrod;
    }
    .b{
        height: 100px;        
        background-color:skyblue;
    }
    .f{
        height: 100px;
        background-color: darkcyan;
    }
</style>
